<link rel="stylesheet" type="text/css" href="../css/jquery-ui.css">
<script src="../ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="../js/jquery-uicaledate.js"></script>
<h3>CẬP NHẬT ĐIỂM ƯU ĐÃI</h3>
<div style="color: red;">
<?php
	if(isset($_GET['mess'])) {
		echo($_GET['mess']);
	}
?>
</div>
<div>
<form action="../src/control/adminuudai.php" enctype="multipart/form-data" method="post" onSubmit="return checkdatauudai();">
	<table border="1px;" cellpadding="0" cellspacing="0">
    	<tr>
        	<th align="left" valign="top" width="150px;">Loại Ưu Đãi</th>
            <td>
                <select id="ServiceID" name="service_id" style="width: 400px; height: 30px; margin:5px; padding:5px;" tabindex="1">
                    <option value="" selected="selected">---Chọn Loại Ưu Đãi---</option>   
                    <option value="thoi-trang">Thời Trang</option>
                    <option value="du-lich">Du Lịch - Khách sạn</option>
                    <option value="am-thuc">Ẩm Thực</option>
                    <option value="suc-khoe">Sức Khoẻ - Làm đẹp</option>
                    <option value="mua-sam">Siêu thị - TTTM</option>
                    <option value="dien-may">Điện máy - Nội thất</option>
                    <option value="giai-tri">Giải trí</option>
                    <option value="linh-vuc-khac">Lĩnh vực khác</option>        
                </select>
            </td>
        </tr>
        <tr>
        	<th align="left" valign="top">Tên Dịch Vụ</th>
            <td><input type="text" name="nameuudai" id="nameuudai" class="inputtextfield" placeholder="Tên Dịch Vụ" onFocus="showStyle(this)" onBlur="hiddenStyle(this)" tabindex="2" /></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Giá ưu đãi</th>
            <td><h5><input type="text" max="100" min="0" name="saffoff" id="saffoff" class="inputtextfield" style="width:50px;" maxlength="3" placeholder="Ex: 50" onFocus="showStyle(this)" onBlur="hiddenStyle(this)" tabindex="3" /><strong style="font-size: 16px;">%</strong></h5></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Hạn Ưu Đãi</th>
            <td><input type="text" id="fromuudai" name="fromuudai" maxlength="10" class="inputtextfield" placeholder="dd-mm-yyy" onFocus="showStyle(this)" onBlur="hiddenStyle(this)" tabindex="4" /> - <input type="text" id="touudai" name="touudai" maxlength="10" class="inputtextfield" placeholder="dd-mm-yyy" onFocus="showStyle(this)" onBlur="hiddenStyle(this)" tabindex="5" /></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Ngân Hàng</th>
            <td>
            	<select style="width: 400px; height: 30px; margin:5px; padding:5px;" class="bankloadselect" name="bankloadselect" tabindex="6"><option value="">---Chọn Ngân Hàng---</option></select>
            </td>
        </tr>
        <tr>
        	<th align="left" valign="top">Loại Thẻ</th>
            <td><textarea style="margin:5px; padding:5px;" cols="80" id="loaithe" class="loaithe" name="loaithe" rows="10" style="width:600px;" tabindex="7"></textarea></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Thông Tin Cơ Bản</th>
            <td><textarea style="margin:5px; padding:5px;" cols="80" id="infointro" class="infointro" name="infointro" rows="10" style="width:600px;" tabindex="8"></textarea></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Nội Dung</th>
            <td><textarea style="margin:5px; padding:5px;" cols="80" id="contentinfo" class="contentinfo" name="contentinfo" rows="10" style="width:600px;" tabindex="9"></textarea></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Địa Chỉ</th>
            <td><textarea style="margin:5px; padding:5px;" cols="80" id="address" class="address" name="address" rows="10" style="width:600px;" tabindex="10"></textarea></td>
        </tr>
        <tr>
        	<th align="left" valign="top">Hình Ảnh</th>
            <td>
            	<input type="file" name="fileimageview" onChange="doUpFile()" id="logonganhang" tabindex="11" /><br/>
            	<span style="color:red">Bạn có thể gán link file bằng cách past link vào ô dưới(link dưới sẽ được ưu tiên lưu trử)</span><br>
                <input type="text" name="linkimageview" class="inputtextfield" tabindex="12" />
            </td>
        </tr>
        <tr>
            <th colspan="2"><input type="hidden" name="acc" value="add" /><input type="submit" value="Cập nhật" style="border-radius: 5px; padding:5px; width:100px; background:#03F; color:#FFF; font-weight:bold;" tabindex="13" /></th>
        </tr>
    </table>
</form>
</div>

<script>
$( "#fromuudai" ).datepicker({
	defaultDate: "+1w",
	changeMonth: true,
	changeYear: true,
	numberOfMonths: 2,
	dateFormat: 'dd-mm-yy',
	onClose: function( selectedDate ) {
		$( "#touudai" ).datepicker( "option", "minDate", selectedDate );
	}
});
$( "#touudai" ).datepicker({
	defaultDate: "+1w",
	changeMonth: true,
	changeYear: true,
	numberOfMonths: 2,
	dateFormat: 'dd-mm-yy',
	onClose: function( selectedDate ) {
		$( "#fromuudai" ).datepicker( "option", "maxDate", selectedDate );
	}
});

CKEDITOR.replace('infointro');
CKEDITOR.replace('contentinfo');
CKEDITOR.replace('address');
CKEDITOR.replace('loaithe');
loadbank();
function loadbank() {
	$.ajax({
		url: "../src/ajax/ajaxbank.php",
		type: "post",
		data: {act:'getbanks'},
		dataType:"json",
		success: function(response) {
			html = '';
			$.each(response, function(entryIndex, entry){
				html += '<option value="' + entry[0] + '">' + entry[1] + ' (' + entry[0] + ')</option>';
			});
			$('.bankloadselect').append(html);
		}
	});
}


function checkdatauudai() {
	var loaiuudai = $('#ServiceID').val();
	
	if(loaiuudai == "") {
		alert("Vui lòng chọn loại ưu đãi");
		$('#ServiceID').focus();
		return false;
	}
	
	var tenuudai = $.trim($('#nameuudai').val());
	if(tenuudai.length == 0) {
		alert("Vui lòng nhập tên dịch vụ");
		$('#nameuudai').focus();
		return false;
	}
	
	var giamgia = $.trim($('#saffoff').val());
	var re_number = /^[0-9]*$/;
	if(giamgia.length == 0) {
		alert("Vui lòng nhập thông tin giảm giá");
		$('#saffoff').focus();
		return false;
	}
	
	if(!re_number.test(giamgia)) {
		alert("Giảm giá chỉ là số không cho phép nhập chử hoặc ký tự đặc biệt");
		$('#saffoff').focus();
		return false;
	} else if(giamgia > 100) {
		alert("Giảm giá chỉ từ 0-100");
		$('#saffoff').focus();
		return false;
	}
	
	var fromuudai = $('#fromuudai').val();
	var touudai = $('#touudai').val();
	
	if(touudai.length == 0 || touudai.length < 10) {
		alert("Vui lòng chọn ngày kết thúc ưu đãi");
		$('#touudai').focus();
		return false;
	}
	
	var nganhang = $('.bankloadselect').val();
	if(nganhang == "") {
		alert("Vui chọn ngân hàng được ưu đãi");
		$('.bankloadselect').focus();
		return false;
	}
	
	var loaithe = CKEDITOR.instances['loaithe'].getData();
	if(loaithe.length == 0) {
		alert("Vui lòng nhập thông tin loại thẻ được ưu đãi");
		return false;
	}
	
	var infointro = CKEDITOR.instances['infointro'].getData();
	if(infointro.length == 0) {
		alert("Vui lòng nhập thông tin giới thiệu sơ lượt ưu đãi");
		return false;
	}
	
	var contentinfo = CKEDITOR.instances['contentinfo'].getData();
	if(infointro.length == 0) {
		alert("Vui lòng nhập thông tin nội dung ưu đãi");
		return false;
	}
	
	var address = CKEDITOR.instances['address'].getData();
	if(address.length == 0) {
		alert("Vui lòng nhập thông tin địa chỉ");
		return false;
	}
	
}

function doUpFile() {
	var sGetPath = "";
	var ext = "";
	//Đọc giá trị trong hộp file
	sGetPath = document.getElementById("logonganhang").value;
	
	//Kiểm tra phần mở rộng của tên file	
	ext = sGetPath.substring(sGetPath.length-3, sGetPath.length);
	ext = ext.toLowerCase();
	if((ext != 'png') && (ext != 'jpg') && (ext != 'gif')) {
		alert("Bạn chỉ có thể chọn tập tin có định dạng: *.gif , *.jpg, *.png");
		document.getElementById("logonganhang").value = "";
		return false;
	} else {
		document.getElementById("logonganhang").value = sGetPath;
		return true;
	}
}


function showStyle(field) {
	field.style.backgroundColor = '#FFFFCC';
}

function hiddenStyle(field) {
	field.style.backgroundColor = '#FFFFFF';
}
</script>